<div class="goods" ng-controller="goods">
	<ol class="breadcrumb">
		<h3>服装管理：</h3>
		<li><span ng-click="point = 'search'" ng-class="{active: point === 'search'}">搜索</span></li>
		<li><span ng-click="point = 'add'" ng-class="{active: point === 'add'}">添加</span></li>
		<li><span ng-click="point = 'modify'" ng-class="{active: point === 'modify'}">修改</span></li>
	</ol>

	<section class="searchGoods" ng-show="point === 'search'" ng-controller="searchGoods">
		<form class="form-inline">
			<div class="form-group">
				<label class="sr-only">搜索服装</label>
				<div class="input-group">
					<div class="input-group-addon input-group-addon-L"><i class="fa fa-search"></i></div>
					<input type="text" class="form-control" ng-model="info" placeholder="">
				</div>
			</div>
			<button class="btn btn-default" ng-click="searchGoodsByID()">By ID</button>
			<button class="btn btn-default" ng-click="searchGoodsByName()">By 名字</button>
			<button class="btn btn-default" ng-click="searchAllGoods()">查询所有</button>
			<span class="indent-2x"></span>
			<div class="form-group">
				<label class="sr-only">搜索服装By 类型</label>
				<div class="input-group">
					<div class="input-group-addon input-group-addon-L"><i class="fa fa-search"></i></div>
					<select class="form-control" ng-model="classId" ng-options="class.classId as class.name for class in top_Class">
						<option value="">--请选择--</option>
					</select>
				</div>
			</div>
			<button class="btn btn-default" ng-click="searchGoodsByClassId()">By 类型</button>
		</form>
		<form class="form-inline">
			<div class="form-group">
				<label class="sr-only">搜索服装By 最低价</label>
				<div class="input-group">
					<div class="input-group-addon input-group-addon-L"><i class="fa fa-search"></i></div>
					<input type="number" class="form-control" ng-model="minPrice" placeholder="最低价">
				</div>
			</div>
			<div class="form-group">
				<label class="sr-only">搜索服装By 最高价</label>
				<div class="input-group">
					<input type="number" class="form-control" ng-model="maxPrice" placeholder="最高价">
					<div class="input-group-addon input-group-addon-R"><i class="fa fa-rmb"></i></div>
				</div>
			</div>
			<button type="button" class="btn btn-default" ng-click="searchGoodsByPrice()">By 价格</button>
			<span class="indent"></span>
			<div class="form-group">
				<label class="sr-only">搜索服装By 品牌</label>
				<div class="input-group">
					<div class="input-group-addon input-group-addon-L"><i class="fa fa-search"></i></div>
					<select class="form-control" ng-model="brandId" ng-options="brand.brandId as brand.name for brand in top_Brand">
						<option value="">--请选择--</option>
					</select>
				</div>
			</div>
			<button class="btn btn-default" ng-click="searchGoodsByBrandId()">By 品牌</button>
		</form>
		<div class="result table-responsive">
			<table class="table table-bordered table-hover" ng-show="allGoods.length !== 0">
				<tr>
					<th>#</th>
					<th>ID</th>
					<th>名称</th>
					<th>价格</th>
					<th>颜色</th>
					<th>尺寸</th>
					<th>品牌</th>
					<th>类型</th>
					<th>款式</th>
					<th>描述</th>
					<th>备注</th>
					<th>删 除</th>
				</tr>
				<tr ng-repeat="goods in allGoods">
					<td>{{$index+1}}</td>
					<td>{{goods.goodsId}}</td>
					<td>{{goods.name}}</td>
					<td>{{goods.price}}</td>
					<td>{{goods.colorId}}</td>
					<td>{{goods.sizeId}}</td>
					<td>{{goods.brandId}}</td>
					<td>{{goods.classId}}</td>
					<td>{{goods.styleId}}</td>
					<td>{{goods.description}}</td>
					<td>{{goods.remark}}</td>
					<td class="del">
						<button class="btn btn-default" ng-disabled="goods.goodsId === 'deleted'" ng-click="deleteGoodsById(goods.goodsId); goods.goodsId = 'deleted'"><i class="fa fa-eraser"></i></button>
					</td>
				</tr>
			</table>
		</div>
	</section>

	<section class="addGoods" ng-show="point === 'add'" ng-controller="addGoods">
		<form class="form-inline">
			<div class="form-group">
				<label class="sr-only">服装名称</label>
				<div class="input-group">
					<div class="input-group-addon input-group-addon-L"><i class="fa fa-plus"></i></div>
					<input type="text" class="form-control" ng-model="name" placeholder="服装名称">
				</div>
			</div>
			<div class="form-group">
				<label class="sr-only">服装价格</label>
				<div class="input-group">
					<input type="number" class="form-control" ng-model="price" placeholder="价格：100.00">
					<div class="input-group-addon input-group-addon-R"><i class="fa fa-rmb"></i></div>
				</div>
			</div>
			<div class="form-group">
				<label class="sr-only">品牌</label>
				<div class="input-group">
					<select class="form-control" ng-model="brandId" ng-options="brand.brandId as brand.name for brand in top_Brand">
						<option value="">-- 品牌 --</option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="sr-only">服装描述</label>
				<div class="input-group">
					<input type="text" class="form-control" ng-model="description" placeholder="描述">
				</div>
			</div>
			<div class="form-group">
				<label class="sr-only">备注</label>
				<div class="input-group">
					<input type="text" class="form-control" ng-model="remark" placeholder="备注">
				</div>
			</div>
		</form>
		<div class="setColor" ng-controller="setColor">
			<form class="form-inline">
				<div class="form-group">
					<h4>选择服装颜色：</h4>
					<div class="input-group">
						<select class="form-control" ng-model="colorId" ng-change="addColor(colorId)" ng-options="color.colorId as color.name for color in top_Color">
						</select>
					</div>
					<label class="sr-only">颜色</label>
				</div>
			</form>
			<div class="selectedColor">
				<button type="button" class="btn btn-info" ng-repeat="color in selectedColor" title="点击可删除该选择" ng-click="deleteColor(color.colorId)">{{color.name}} <i class="fa fa-minus-circle fa-lg"></i></button>
			</div>
		</div>
		<div class="setSize" ng-controller="setSize">
			<form class="form-inline">
				<div class="form-group">
					<h4>选择服装尺寸：</h4>
					<div class="input-group">
						<select class="form-control" ng-model="sizeId" ng-change="addSize(sizeId)" ng-options="size.sizeId as size.name for size in top_Size">
						</select>
					</div>
					<label class="sr-only">尺寸</label>
				</div>
			</form>
			<div class="selectedSize">
				<button type="button" class="btn btn-info" ng-repeat="size in selectedSize" title="点击可删除该选择" ng-click="deleteSize(size.sizeId)">{{size.name}} <i class="fa fa-minus-circle"></i></button>
			</div>
		</div>
		<div class="setClass" ng-controller="setClass">
			<form class="form-inline">
				<div class="form-group">
					<h4>选择服装类型：</h4>
					<div class="input-group">
						<select class="form-control" ng-model="classId" ng-change="addClass(classId)" ng-options="class.classId as class.name for class in top_Class">
						</select>
					</div>
					<label class="sr-only">类型</label>
				</div>
			</form>
			<div class="selectedClass">
				<button type="button" class="btn btn-info" ng-repeat="class in selectedClass" title="点击可删除该选择" ng-click="deleteClass(class.classId)">{{class.name}} <i class="fa fa-minus-circle fa-lg"></i></button>
			</div>
		</div>
		<div class="setStyle" ng-controller="setStyle">
			<form class="form-inline">
				<div class="form-group">
					<h4>选择服装款式：</h4>
					<div class="input-group">
						<select class="form-control" ng-model="styleId" ng-change="addStyle(styleId)" ng-options="style.styleId as style.name for style in top_Style">
						</select>
					</div>
					<label class="sr-only">款式</label>
				</div>
			</form>
			<div class="selectedStyle">
				<button type="button" class="btn btn-info" ng-repeat="style in selectedStyle" title="点击可删除该选择" ng-click="deleteStyle(style.styleId)">{{style.name}} <i class="fa fa-minus-circle fa-lg"></i></button>
			</div>
		</div>
		<button class="btn btn-success" ng-click="addGoods()">添 加 服 装 <i class="fa fa-plus-circle fa-lg"></i></button>
	</section>

	<section class="modifyGoods" ng-show="point === 'modify'" ng-controller="modifyGoods">
		<form class="form-inline">
			<div class="form-group">
				<label class="sr-only">服装ID</label>
				<div class="input-group">
					<input type="number" class="form-control" ng-model="id" placeholder="服装ID">
					<div class="input-group-addon input-group-addon-R" ng-click="searchGoods()"><a href=""><i class="fa fa-search"></i></a></div>
				</div>
			</div>
			<div class="form-group">
				<label class="sr-only">服装名称</label>
				<div class="input-group">
					<input type="text" class="form-control" ng-model="name" placeholder="服装名称">
				</div>
			</div>
			<div class="form-group">
				<label class="sr-only">服装价格</label>
				<div class="input-group">
					<input type="number" class="form-control" ng-model="price" placeholder="价格：100.00">
					<div class="input-group-addon input-group-addon-R"><i class="fa fa-rmb"></i></div>
				</div>
			</div>
			<div class="form-group">
				<label class="sr-only">品牌</label>
				<div class="input-group">
					<select class="form-control" ng-model="brandId" ng-options="brand.brandId as brand.name for brand in top_Brand">
						<option value="">-- 品牌 --</option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<label class="sr-only">服装描述</label>
				<div class="input-group">
					<input type="text" class="form-control" ng-model="description" placeholder="描述">
				</div>
			</div>
			<div class="form-group">
				<label class="sr-only">备注</label>
				<div class="input-group">
					<input type="text" class="form-control" ng-model="remark" placeholder="备注">
				</div>
			</div>
		</form>
		<div class="setColor">
			<form class="form-inline">
				<div class="form-group">
					<h4>选择服装颜色：</h4>
					<div class="input-group">
						<select class="form-control" ng-model="colorId" ng-change="addColor(colorId)" ng-options="color.colorId as color.name for color in top_Color">
						</select>
					</div>
					<label class="sr-only">颜色</label>
				</div>
			</form>
			<div class="selectedColor">
				<button type="button" class="btn btn-info" ng-repeat="color in selectedColor" title="点击可删除该选择" ng-click="deleteColor(color.colorId)">{{color.name}} <i class="fa fa-minus-circle fa-lg"></i></button>
			</div>
		</div>
		<div class="setSize">
			<form class="form-inline">
				<div class="form-group">
					<h4>选择服装尺寸：</h4>
					<div class="input-group">
						<select class="form-control" ng-model="sizeId" ng-change="addSize(sizeId)" ng-options="size.sizeId as size.name for size in top_Size">
						</select>
					</div>
					<label class="sr-only">尺寸</label>
				</div>
			</form>
			<div class="selectedSize">
				<button type="button" class="btn btn-info" ng-repeat="size in selectedSize" title="点击可删除该选择" ng-click="deleteSize(size.sizeId)">{{size.name}} <i class="fa fa-minus-circle"></i></button>
			</div>
		</div>
		<div class="setClass">
			<form class="form-inline">
				<div class="form-group">
					<h4>选择服装类型：</h4>
					<div class="input-group">
						<select class="form-control" ng-model="classId" ng-change="addClass(classId)" ng-options="class.classId as class.name for class in top_Class">
						</select>
					</div>
					<label class="sr-only">类型</label>
				</div>
			</form>
			<div class="selectedClass">
				<button type="button" class="btn btn-info" ng-repeat="class in selectedClass" title="点击可删除该选择" ng-click="deleteClass(class.classId)">{{class.name}} <i class="fa fa-minus-circle fa-lg"></i></button>
			</div>
		</div>
		<div class="setStyle">
			<form class="form-inline">
				<div class="form-group">
					<h4>选择服装款式：</h4>
					<div class="input-group">
						<select class="form-control" ng-model="styleId" ng-change="addStyle(styleId)" ng-options="style.styleId as style.name for style in top_Style">
						</select>
					</div>
					<label class="sr-only">款式</label>
				</div>
			</form>
			<div class="selectedStyle">
				<button type="button" class="btn btn-info" ng-repeat="style in selectedStyle" title="点击可删除该选择" ng-click="deleteStyle(style.styleId)">{{style.name}} <i class="fa fa-minus-circle fa-lg"></i></button>
			</div>
		</div>
		<button class="btn btn-warning" ng-click="modifyGoods()"> 确 定 修 改 <i class="fa fa-pencil fa-lg"></i></button>
	</section>

</div>